<template>
  <div>
    <q-card>
      <q-tabs
        v-model="tab"
        dense
        class="bg-primary text-white"
        align="left">
          <q-tab name="company" label="公司" />
          <q-tab name="department" label="部门" />
          <q-tab name="post" label="岗位" />
          <q-tab name="site" label="地点" />
          <q-tab name="location" label="库位" />
          <q-tab name="busorg" label="业务组织" />
          <q-tab name="busgroup" label="业务组" />
      </q-tabs>
      <q-tab-panels v-model="tab" animated>
        <q-tab-panel class="q-pa-none" name="company">
          <company-type v-if="tab === 'company'" />
        </q-tab-panel>
        <q-tab-panel class="q-pa-none" name="department">
          <department-type v-if="tab === 'department'" />
        </q-tab-panel>
        <q-tab-panel class="q-pa-none" name="post">
          <post-type v-if="tab === 'post'" />
        </q-tab-panel>
        <q-tab-panel class="q-pa-none" name="site">
          <site-type v-if="tab === 'site'" />
        </q-tab-panel>
        <q-tab-panel class="q-pa-none" name="location">
          <location-type v-if="tab === 'location'" />
        </q-tab-panel>
        <q-tab-panel class="q-pa-none" name="busorg">
          <business-org-type v-if="tab === 'busorg'" />
        </q-tab-panel>
        <q-tab-panel class="q-pa-none" name="busgroup">
          <business-group-type v-if="tab === 'busgroup'" />
        </q-tab-panel>
      </q-tab-panels>
    </q-card>
  </div>
</template>

<script>
import CompanyType from '../Base/CompanyType/CompanyType'
import SiteType from '../Base/SiteType/site'
import DepartmentType from '../Base/DepartmentType/DepartmentType'
import PostType from '../Base/PostType/PostType'
import LocationType from '../Base/LocationType/location'
import BusinessOrgType from '../Base/BusinessOrgType/BusinessOrg'
import BusinessGroupType from '../Base/BusinessGroupType/BusinessGroup'
export default {
  components: {
    CompanyType,
    SiteType,
    DepartmentType,
    PostType,
    LocationType,
    BusinessOrgType,
    BusinessGroupType
  },
  data () {
    return {
      tab: 'company'
    }
  }
}
</script>

<style lang="stylus" scoped>

</style>
